<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="${basePath}"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>云订单</title>
    <meta name="Description" content="云订单">
    <link rel="stylesheet" type="text/css" href="shop_recharge/comm.css">
    <script src="shop_recharge/jquery-1.7.min.js" type="text/javascript"></script>
<!--[if IE 6]>
    <script type="text/javascript" src="http://img.cmyun.cn/i2e/payment/js/iepng.js"></script>
    <script type="text/javascript">
        EvPNG.fix('span.Hicon,a.F-icon-guest s,a.F-icon-gray s,s.u-banner-close,.F-number-l,.F-number-r,.M-nav-help a s,.g-good-faith li s,a.pre,a.next,.u-topic-icon i,.u-topic-icon s,.M-security a s,.roll_close a');
    </script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="shop_recharge/mycart.css">
</head>
<body>
<script type="text/javascript" src="shop_recharge/cyhdq.js"></script>
<script type="text/javascript">
function postcheck(){
	if (document.wfform.oname.value==""){
        alert('请填写参与者姓名！');
        document.wfform.oname.focus();
        return false;
    }
	
    var reg1 = /^[\u4e00-\u9fa5]{2,4}$/;
    if (!reg1.test(document.wfform.oname.value)){
        alert('参与者姓名格式不正确，请填写真实姓名！');
        document.wfform.oname.focus();
        return false;
    }
	if (document.wfform.otel.value==""){
        alert('请填写手机号码！');
        document.wfform.otel.focus();
        return false;
    }
    var reg2 = /^1[3,4,5,7,8]\d{9}$/;
    if (!reg2.test(document.wfform.otel.value)){
        alert('手机号码格式不正确，请填写正确的手机号码！');
        document.wfform.otel.focus();
        return false;
    }
	if (document.wfform.oqq.value==""){
        alert('QQ号码不能为空！');
        document.wfform.oqq.focus();
        return false;
    }
	var reg34=/^[1-9][0-9]{4,9}$/;
	if (!reg34.test(document.wfform.oqq.value)){
        alert('QQ号格式不正确，请填写正确的QQ号！');
        document.wfform.oqq.focus();
        return false;
    }   
}



new PCAS("cmprovince","cmcity","cmarea");
function myfuc(mun){
	document.getElementById('myid2').innerHTML=mun;
}

//限制输入框只能输入数字
function validateNumbers(event){
	var keynum;
	var keychar;
	var numcheck;
	
	if(window.event){// IE
	  keynum = event.keyCode;
	}else if(event.which){// Netscape/Firefox/Opera
	  keynum = event.which;
	}
	if(keynum == 8 || keynum == 46){
		if(event.target.value.length == 1 || (document.selection && document.selection.createRange().text.length == event.target.value.length)
				|| event.target.value.substring(event.target.selectionStart,event.target.selectionEnd).length == event.target.value.length){
			return false;
		}else{
			return true;
		}
	}
	if(keynum == 37 || keynum == 39 || (keynum >= 96 && keynum <= 105)){
		return true;
	}
	keychar = String.fromCharCode(keynum)
	numcheck = /\d/;
	return numcheck.test(keychar);
}

function changeValue(obj){
	var total = 100000;
	if(obj.value && (obj.value-0) > total){
		obj.value = total;
	}
	document.getElementById('myid2').innerHTML=obj.value; 
}
</script>
<div name="wfform" method="post" target="_blank"    >
    <div class="shop_payment">
<div class="payment_Con" style="min-width:600px; ">
<table width="100%" class="order_list" style="text-align:center">
  <tbody><tr class="top">
    <td style="text-align:left" colspan="2"><b style="margin-left:10px; color:#06F;display:none;">累积 <span style="color:#F00"> </span> 人付款订购</b></td>
     
    <td  style="    text-align: right;    padding-right: 100px;    ">价格/元</td>
     
  </tr>
<style type="text/css">
.dxk{display:block;width:15px;height:15px;color:#F00;padding:1px 1px 0 0;cursor:pointer;}
.labelso{display:block;height:18px;line-height:18px;cursor:pointer;}
</style>
	                        	
    <tr class="end">
        <td style="width:40px; text-align:center"><input type="radio" id="product0" checked="checked" name="price" value="100" class="dxk" onclick="myfuc(this.value)"></td>
        <td style="text-align:left"><label class="labelso" for="product0">充值</label></td>
        
        <td style="  text-align: right;    padding-right: 50px;  "><input onkeydown="return validateNumbers(event);" onkeyup="changeValue(this);" type="text" value="100" style="height: 28px;    width: 100px;"/></td> 
    </tr>
                                                    	
    <#--<tr class="end">
        <td style="width:40px; text-align:center"><input type="radio" id="product1" name="price" value="50" class="dxk" onclick="myfuc(this.value)"></td>
        <td style="text-align:left"><label class="labelso" for="product1">云支付增加域名50元/个</label></td>
        <td>件</td>
        <td><b style="font-size:14px; color:#F00">￥ 50 元</b></td>
        <td>1</td>
    </tr>-->
                                
    
</tbody></table>

            <ul class="order_list">
                <li class="payment_Total"> 
                    <p class="payment_List_Rc">商品合计：<span class="orange F20" id="myid2">100</span> 元</p>
                </li>
                
                <li class="point_out point_gray" style="padding-top:10px; padding-bottom:10px; height:auto">
                <style type="text/css">
					.pclass{ line-height:39px; color:#999; margin-left:20px; float:left; width:45%}
					.pclass input{  height:28px; width:100%}
					.pclass select{  height:28px;}
				</style>
                	              		<div class="pclass">
                    	<table width="100%" border="0px">
                			<tbody><tr>
                                <td valign="top" style="width:72px; text-align:right">订购者姓名：</td>
                                <td style="text-align:left" valign="top"><input type="text" name="oname"></td>
                                <td style=" width:30px; text-align:center">*</td>
                            </tr>
                         </tbody></table>
                    </div>
					               		<div class="pclass">
                    	<table width="100%" border="0px">
                			<tbody><tr>
                                <td valign="top" style="width:72px; text-align:right">订购者手机：</td>
                                <td style="text-align:left" valign="top"><input type="text" name="otel"></td>
                                <td style=" width:30px; text-align:center">*</td>
                            </tr>
                         </tbody></table>
                    </div>
					               		<div class="pclass">
                    	<table width="100%" border="0px">
                			<tbody><tr>
                                <td valign="top" style="width:72px; text-align:right">订购者 QQ：</td>
                                <td style="text-align:left" valign="top"><input type="text" name="oqq"></td>
                                <td style=" width:30px; text-align:center">*</td>
                            </tr>
                         </tbody></table>
                    </div> 

                </li>
				
                <li id="liPayByOther" class="point_in point_bank"  >
					<div class="payment_List_Lc gary01 Fb" style="font-weight:bold">尊敬的客户，请选择以下方式完成支付</div>
                    <p class="payment_List_Rc"></p>
                </li>
            </ul>
        </div>
        <div class="pay_bankC" id="divBankList"  >
            <div class="bank_arrow"><span>◆</span><em>◆</em></div>
            <h2 style="display:none;">银行支付：</h2>
            <ul class="bank_logo" style="display:none;">
                <li><input type="radio" value="CMB" name="account" id="bankType1001"><label for="bankType1001"><span class="zh_bank"></span></label></li>
                <li><input type="radio" value="ICBCB2C" name="account" id="bankType1002"><label for="bankType1002"><span class="gh_bank"></span></label></li>
                <li><input type="radio" value="CCB" name="account" id="bankType1003"><label for="bankType1003"><span class="jh_bank"></span></label></li>
                <li><input type="radio" value="ABC" name="account" id="bankType1005"><label for="bankType1005"><span class="nh_bank"></span></label></li>
                <li><input type="radio" value="SPDB" name="account" id="bankType1004"><label for="bankType1004"><span class="pf_bank"></span></label></li>   
                    
                <li><input type="radio" value="SPABANK" name="account" id="bankType1008"><label for="bankType1008"><span class="sf_bank"></span></label></li>
                <li><input type="radio" value="CIB" name="account" id="bankType1009"><label for="bankType1009"><span class="xy_bank"></span></label></li>
                <li><input type="radio" value="BJBANK" name="account" id="bankType1032"><label for="bankType1032"><span class="bj_bank"></span></label></li>
                <li><input type="radio" value="CEBBANK" name="account" id="bankType1022"><label for="bankType1022"><span class="gd_bank"></span></label></li>
                <li><input type="radio" value="CMBC" name="account" id="bankType1006"><label for="bankType1006"><span class="ms_bank"></span></label></li>
                    
                <li><input type="radio" value="CITIC" name="account" id="bankType1021"><label for="bankType1021"><span class="zx_bank"></span></label></li>
                <li><input type="radio" value="GDB" name="account" id="bankType1027"><label for="bankType1027"><span class="gf_bank"></span></label></li>
                <li><input type="radio" value="SPABANK" name="account" id="bankType1010"><label for="bankType1010"><span class="pa_bank"></span></label></li>
                <li><input type="radio" value="BOCB2C" name="account" id="bankType1052"><label for="bankType1052"><span class="zg_bank"></span></label></li>
                <li><input type="radio" value="COMM" name="account" id="bankType1020"><label for="bankType1020"><span class="jt_bank"></span></label></li>
            </ul>
            <h3 class="bor"  >支付平台支付：</h3>
            <ul  >
            	
            	<li><input type="radio" value="Alipay" checked="checked" name="account" id="Alipay"><label for="Alipay"><span class="zfb"></span></label></li>
            	<li><input type="radio" value="Wuka" name="account" id="Unionpay"><label for="Unionpay"><span class="online"></span></label></li>
                <li><input type="radio" value="Mweipay" name="account" id="Weixin"><label for="Weixin"><span class="weixin"></span></label></li>
                
            <!--
                <li><input type="radio" value="Tenpay" name="account" id="Tenpay" /><label for="Tenpay"><span class="cft"></span></label></li>
                <li><input type="radio" value="QuickMoney" name="account" id="QuickMoney" /><label for="QuickMoney"><span class="kq"></span></label></li>
                <li><input type="radio" value="Unionpay" name="account" id="Unionpay"/><label for="Unionpay"><span class="online"></span></label></li>
             -->
             
             
                         </ul>
        </div>
            <div class="payment_but">
			<input type="hidden" name="myorders" value="">
	        <input type="hidden" name="cpi" value="">
	        <input type="hidden" name="jmsid" value="">
	        <input type="hidden" name="url" value="">
	        <input type="hidden" name="urlold" value=""> 
	        <input type="hidden" name="tgzid" value="">
			<input id="submit_ok" class="shop_pay_but" type="submit" value=" " name="submit">
		    </div>
        
       <div class="answer">
            <h6><span></span>付款遇到问题</h6>
            <ul class="answer_list">
                <li>1、如您未开通网上银行，即可以使用支付宝卡快捷支付轻松完成付款；</li>
                <li>2、如果银行卡或支付宝已经扣款，但您确没有收到货，有可能因为网络原因导致，请及时联系客服人员。</li>
                <li>3、本订单系统使用“ <a href="javascript:void(0);" target="_blank" style="font-weight:bold">云订单</a> ”构建。</li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="shop_recharge/c.js"></script>
<script type="text/javascript">
new PCAS("cmprovince","cmcity","cmarea");
</script>
<script type="text/javascript">
$(function(){
	
	$('#submit_ok').click(function(){
	   		var oname = $('input[name=oname]').val();
    		var otel= $('input[name=otel]').val(); 
    		var oqq= $('input[name=oqq]').val();
    		var money= $('#myid2').html();
			$.ajax({ 
				url : "api/ShopRechargeOrder_createOrder",
				data : {
					 name:oname,
					 phoneNum:otel, 
					 qqNum:oqq,
					 trade_pay_type:"WEB",
					 rechargeMoney:money
				}, 
				dataType :"JSON",
				cache : false, 
				type : "POST",
				success : function(dat){
					if(dat.code ==1){
						window.location.href = dat.data.redirectURL;
					}else{
						alert(dat.msg); 
					}
					
				}
			}); 
	});
	
	
});
</script>
</body>
</html>